import { createIcon } from "@chakra-ui/icons";
import React from "react";

export default createIcon({
  displayName: "AddIcon",
  viewBox: "0 0 40 40",
  path: (
    <svg
      width="40"
      height="40"
      viewBox="0 0 40 40"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g clipPath="url(#clip0_84_5307)">
        <path
          d="M11.6665 19.9998C11.6665 15.397 15.397 11.6665 19.9998 11.6665C24.6027 11.6665 28.3332 15.397 28.3332 19.9998C28.3332 24.6027 24.6027 28.3332 19.9998 28.3332C15.397 28.3332 11.6665 24.6027 11.6665 19.9998ZM19.9998 23.6457C20.4328 23.6457 20.7811 23.2974 20.7811 22.8644V20.7811H22.8644C23.2974 20.7811 23.6457 20.4328 23.6457 19.9998C23.6457 19.5669 23.2974 19.2186 22.8644 19.2186H20.7811V17.1353C20.7811 16.7023 20.4328 16.354 19.9998 16.354C19.5669 16.354 19.2186 16.7023 19.2186 17.1353V19.2186H17.1353C16.7023 19.2186 16.354 19.5669 16.354 19.9998C16.354 20.4328 16.7023 20.7811 17.1353 20.7811H19.2186V22.8644C19.2186 23.2974 19.5669 23.6457 19.9998 23.6457Z"
          fill="#824EF2"
        />
      </g>
      <defs>
        <clipPath id="clip0_84_5307">
          <rect
            width="16.6667"
            height="16.6667"
            fill="white"
            transform="translate(11.6665 11.6665)"
          />
        </clipPath>
      </defs>
    </svg>
  ),
});
